<template>
    <el-dialog v-model="visible" title="奖项说明" width="360" draggable overflow append-to-body>

        <el-tabs type="border-card" class="tabs-small">
            <el-tab-pane label="奖项说明">
                <RewardsRule class="lh-8"></RewardsRule>
            </el-tab-pane>
            <el-tab-pane label="中奖计算">
                <RewardsCalc></RewardsCalc>
            </el-tab-pane>
        </el-tabs>
        <template #footer>
            <el-button type="info" @click="visible = false">关闭</el-button>
        </template>
    </el-dialog>
</template>

<script setup>
import RewardsRule from '../components/RewardsRule.vue';
import RewardsCalc from '../components/RewardsCalc.vue';
const visible = defineModel();
</script>